body { 
    display: grid;
    grid-template-areas: 
      "nav header header"
      "nav article ads"
      "footer footer footer";
    grid-template-rows: 80px 1fr  70px;  
    grid-template-columns: 20% 1fr 35%;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    height: 100vh;
    margin: 0;
    }  
header, footer, article, nav, ads ,ads2 {
    padding: 1.2em;
    background: rgb(255, 255, 255);
    }
  #pageHeader {
    grid-area: header;
    }
  #pageFooter {
    grid-area: footer;
    }
  #mainArticle { 
    grid-area: article;      
    }
  #mainNav { 
    grid-area: nav;
    display: flex;
    flex-direction: column; 
    }
  #siteAds { 
    grid-area: ads; 
    display: flex;
    flex-wrap: wrap;
    }
  #siteAds2 { 
    grid-area: ads2; 
    }
ul{
    list-style:none;
}
#red{
  color: red;
}
a{
    text-decoration: none;
}
#img1{
  width: 80%;
}
#img2{
  width: 40%;
}
.ia{
  display: inline-block;
  width: 70px;
  height: 20px;
  text-decoration:none;
  color: rgb(8, 0, 0);
}
.iaa{
  display: inline-block;
  width: 180px;
  height:20px;
  text-decoration:none;
  color: rgb(8, 0, 0);
}
a{
display: inline-block;
text-decoration:none;
color: rgb(8, 0, 0);
}
button{
  width: 60px; /* 宽度 */
  height: 20px; /* 高度 */
  border-width: 0px; /* 边框宽度 */
  border-radius: 3px; /* 边框半径 */
  background: #11181f; /* 背景颜色 */
  cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
  outline: none; /* 不显示轮廓线 */
  font-family: Microsoft YaHei; /* 设置字体 */
  color: white; /* 字体颜色 */
  font-size: 15px; /* 字体大小 */
}
button:hover{
  background: #5599FF;
}
